<div class="main">
  <div class="top-title">我的产品新增/编辑</div>
  <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="ruleForm">
    <el-form-item label="产品名称" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="产品许可证" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="品种" prop="region">
      <el-select v-model="ruleForm.region" placeholder="请选择品种" style="width:100%">
        <el-option label="品种一" value="shanghai"></el-option>
        <el-option label="品种二" value="beijing"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="质量等级" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="执行标准" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="认证资质" prop="region">
      <div style="position: relative; margin-bottom: 5px" v-for="(item, index) in ruleForm.type" :key="index">
        <el-row>
          <el-col :span="8">
            <el-select v-model="ruleForm.region" placeholder="请选择认证资质">
              <el-option label="认证资质一" value="shanghai"></el-option>
              <el-option label="认证资质二" value="beijing"></el-option>
            </el-select>
          </el-col>
          <el-col :span="15" :offset="1">
            <el-input v-model="ruleForm.name" placeholder="输入认证编号"></el-input>
          </el-col>
        </el-row>
        <el-button v-if="index > 0" class="minus-btn" type="danger" icon="el-icon-minus" size="mini" circle></el-button>
      </div>

      <el-col :span="24">
        <el-button type="success" icon="el-icon-plus" size="mini" circle></el-button>
        <!-- <el-button type="primary" icon="el-icon-plus">新增</el-button> -->
      </el-col>

    </el-form-item>

    <el-form-item label="保质期" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="规格重量" prop="name">
      <el-input v-model="ruleForm.name"></el-input>
    </el-form-item>
    <el-form-item label="产品描述" prop="desc">
      <el-input type="textarea" v-model="ruleForm.desc"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
      <el-button @click="resetForm('ruleForm')">重置</el-button>
    </el-form-item>
  </el-form>
</div>